<template>
  <div>

    <Head :title="title"></Head>
    <img :src="productList.app_list_pic_url" alt="" />
    <p>{{ productList.simple_desc }}</p>
  </div>
</template>

<script setup>
import Head from '@/components/title.vue'
import { ref } from 'vue'
import { detailaction } from '@/api/home'
import { useRoute } from 'vue-router'
const route = useRoute()
const title = ref('品牌制造商')
const productList = ref({})
detailaction({ id: route.query.id }).then(res => {
  productList.value = res.data
})
</script>
<script>
export default {
  name: 'brandView'
}
</script>

<style lang="scss" scoped>
img {
  width: 750px;
  height: 326px;
  margin-top: 50px;
}

p {
  width: 629px;
  font-family: PingFangSC-Regular;
  font-size: 28px;
  color: #666666;
  letter-spacing: 0;
  font-weight: 400;
  margin: 42px auto 0px;
}
</style>
